<!-- target: shoppingForm(master = formPage) -->
<!-- block: crumb -->
    <!-- import: shoppingFormCrumb -->
<!-- /block -->
<!-- block: formMain -->
    <!-- import: shoppingFormMain -->
<!-- /block -->

<!-- target: shoppingFormCrumb(master = crumb) -->
<!-- block: path -->
    <span>零售商户管理</span>
    <span><!-- if: ${formType} === 'create' -->新增<!-- else: -->编辑<!-- /if -->零售商户</span>
<!-- /block -->

<!-- target: shoppingFormMain(master = customFormView) -->
<!-- block: sections -->
    <!-- import: shoppingBaseContent -->
<!-- /block -->
<!-- block: submitSection -->
<button type="submit" data-ui-type="Button" data-ui-id="submit" data-ui-group="submit" data-ui-variants="warning wide" class="submit-button">确认提交</button>
<!-- /block -->

<!-- target: shoppingBaseContent -->
<section class="form-section">

    <div class="ui-form-row">
        <!-- use:
            textboxField(
                field = 'user.detail.name', title = '商户名称', length = 120, width = 300, disabled = true
            )
        -->
    </div>

    <div class="ui-form-row">
        <!-- use:
            textboxField(
                field = 'user.detail.address', title = '地址',  width = 500, disabled = true
            )
        -->
    </div>

    <div class="ui-form-row">
        <!-- use:
            labelSelectorField(
                field = 'phone', width = 200, title = '联系电话',
                options = ${phoneList}, required = true
            )
        -->
    </div>

    <div class="ui-form-row">
        <!-- use:
            textboxField(
                field = 'consumption', title = '人均消费',  width = 100, hint = '格式：50 ~ 70'
            )
        -->
    </div>

    <div class="ui-form-row">
        <!-- use:
            labelSelectorField(
                field = 'category',
                width = 160,
                title = '功能分类',
                options = ${system.shoppingCategoryList},
                required = true
            )
        -->
    </div>

    <div class="ui-form-row">
        <!-- use:
            textboxField(
                field = 'title',
                title = '标题',
                length = 120,
                width = 400
            )
        -->
    </div>

    <div class="ui-form-row">
        <!-- use:
            textboxField(
                field = 'content',
                title = '内容介绍', 
                width = 400, height = 160,
                mode = 'textarea'
            )
        -->
    </div>

    <div class="ui-form-row">
        <!-- use:
            uploaderWithPreviewField(
                field = 'pic1',
                title = '头图',
                imageWidth = 250,
                uploadUrl = ${uploadUrl},
                required = true,
                descriptions = ['单张图片大小不超过2M']
            )
        -->
    </div>

    <div class="ui-form-row">
        <!-- use:
            uploaderWithPreviewListField(
                field = 'pics',
                title = '店内预览',
                imageWidth = 250,
                uploadUrl = ${uploadUrl},
                required = true,
                descriptions = ['单张图片大小不超过2M']
            )
        -->
    </div>
</section>

<!-- target: consumptionPerPerson(master = formLabelValueField) -->
<!-- block: value -->
    <!-- use:
        textbox(field = 'consumeMin',  width = 60)
    -->
    <span class="ml10 mr10">到</span>
    <!-- use:
        textbox(field = 'consumeMax',  width = 60)
    -->
<!-- /block -->
